<template>
    <CommonContainer title="操作记录">
        <div>
            <el-timeline>
                <el-timeline-item
                    v-for="(item, index) in logs"
                    :key="index"
                    color="#1890FF"
                    placement="top"
                    hide-timestamp>
                    <div>
                        <div v-if="item.contents && item.contents.length>0">
                            <p class="timelineItem" v-for="(content, index) in item.contents" :key="index">{{content}}</p>
                        </div>
                        <div>

                        </div>
                        <div class="flex-row-center">
                            <span style="color: #1890FF">{{item.createBy}}</span>
                            <span style="margin-left: 10px">{{item.createTime}}</span>
                        </div>
                    </div>

                </el-timeline-item>
            </el-timeline>
        </div>
    </CommonContainer>
</template>

<script>
export default {
    props: {
        logs:{
            type:Array,
            default:()=>{
                return []
            }
        }
    }

}
</script>

<style lang="scss" scoped>
.timelineItem {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    .recordContent {
        color: #1890FF;
        margin-left: 8px;
    }
}

::v-deep ul {
    display: block;
    padding-inline-start: 0px;
}
</style>
